img{
				width: 246px;
				height: 138px;
			}
			.tile {
				width: 246px;
				height: 35px;
				padding:0 0 10px 0;
				font-size: 12px;
				color: white;

			}
			.tile:hover {
				width: 246px;
				height: 35px;
				padding:0 0 10px 0;
				font-size: 12px;
				color: slategray;
			}

			.datet {
				width: 246px;
				height: 35px;
				padding: 0px 0 5px 0;
				font-size: 12px;
				color: gray;
			}

			.video {
				padding: 15px 30px 15px 20px;
				display: inline-block;
			}
			.xin{
				position: relative;
				top: -20px;
				left: 5px;
			}
			.num{
				color: white;
			}
			
			.image-container {
				width: 246px;
				height: 138px;
			  position: relative;
			  display: inline-block;
			  //width: 100%; /* 或者具体宽度 */
			  overflow: hidden;
			}
			 
			.image-container::after {
			  content: '';
			  position: absolute;
			  bottom: 0;
			  left: 0;
			  width: 100%;
			  height: 100%; /* 渐变区域的高度 */
			  background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0));
			}
			/* 自定义整个滚动条 */
			::-webkit-scrollbar {
			  width: 12px; /* 设置滚动条的宽度 */
			}
			 
			/* 自定义滚动条轨道 */
			::-webkit-scrollbar-track {
			  background: #f1f1f1; /* 设置轨道的背景颜色 */
			}
			 
			/* 自定义滚动条的滑块（thumb） */
			::-webkit-scrollbar-thumb {
			  background: #888; /* 设置滑块的背景颜色 */
			}
			 
			/* 当滑块悬停或活动时，可以添加更多样式 */
			::-webkit-scrollbar-thumb:hover {
			  background: #555; /* 设置滑块在悬停状态下的背景颜色 */
			}